const { resolve } = require('path');
HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
    /**
     * entry:入口文件
     * 1.string-->'./src/index.js'
     *  单入口
     *  打包形成一个chunk，输出一个bundle文件
     *  此时chunk名称默认是main.js
     * 2.array -->['./src/index.js','./src/add.js']
     *  多入口
     *  所有入口文件最终只会形成一个chunk,输出一个bundle文件
     *      -->只用于HMR功能中让html热更新生效
     * 3.Object -->{ index: './src/index.js', add: './src/add.js' }
     *  多入口
     *  有几个文件就形成几个chunk,输出几个bundle文件
     *  此时chunk名称是key
     *
     * -->特殊用法 类似于dll
     *  {
     *      //所有入口文件最终只会形成一个chunk,输出出去只有一个bundle文件
     *      index:['./src/index.js','./src/add.js']
     *      //形成一个chunk,输出一个bundle文件
     *      reduce:'./src/reduce.js'
     * }
     */
    entry: { index: './src/index.js', add: './src/add.js' },
    output: {
        filename: '[name].js',
        path: resolve(__dirname, 'build'),
    },
    plugins: [new HtmlWebpackPlugin()],
    mode: 'development',
};
